[번역] Remixing React Router

withTransitionTo가 사라지고, 컴포넌트가 주요 도구로 사용되면서 오늘날 거의 모든 React Router 앱은 컴포넌트 내부에서 데이터를 페칭합니다. Remix를 개발하면서 이러한 모든 문제를 해결하기 위해 React Router의 중첩 경로 추상화에 의존하는 연습을 많이 했습니다. 오늘 우리는 이러한 데이터 API를 React Router로 가져오는 작업을 시작했다고 발표하게 ...

Reactreact routerRemixReact

1.2 React Setup

노마드코더의 트위터 클론 강의 내용을 바탕으로 진행되었습니다. 🙋‍♀️ CRA로 시작하기 개인적인 키 코드 정보는 어떻게 보관할까? Firebase Setup에서 추가 했던 아래 코드 같은 경우, github에 그대로 올리게 되면 프라이빗한 코드가 온세상에 노출이 되어버린다. 이런 상황을 피하고 보안을 위해 (완벽하진 않지만) .env 를 사용 해보도록 하자. .env 파일로 만들어 키 코드...

react routerReactReact

[ React ] React-Router Component & Hooks 까지 알아보자!

Route, Link 컴포넌트가 함께 동작할 수 있도록 연결시켜주는 컴포넌트로, 항상 Router를 공통 상위 컴포넌트로 가져야한다. ➰ props > history history 가장 빈번하게 사용되는 메소드는 push()인데, 이는 history.push('이동하고자 하는 path')를 통해 원하는 컴포넌트로 이동이 가능하다. 1. history 객체 모든 Router 컴포넌트들을 반복하...

Reactreact routerReact

TIL 57 | React router - route-props(component)

react-router 공식 문서를 보던 도중 route에 inline으로 component props를 사용하는 방법은 성능적으로 문제가 생길 수 있다고 하기에, 관련 내용을 간단하게 정리해봤다. 이전에 프로젝트를 진행하면서, inline 방식의 route props인 component를 사용하여 해당 컴포넌트에 대한 경로를 지정하였다. 하지만, 공식문서를 확인해보니 이는 성능상의 문제가 ...

react routerReactTILReact